/** @type {import('tailwindcss').Config} */

module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    screens: {
      sm: { min: '0px', max: '639px' },
      md: { min: '640px', max: '767px' },
      lg: { min: '768px', max: '1023px' },
      xl: { min: '1024px', max: '1279px' },
      '2xl': { min: '1280px', max: '1535px' },
      '3xl': { min: '1536px', max: '1920px' },
      '4xl': { min: '1921px' },
      ldpi: { max: '1023px' },
      hdpi: { min: '1024px' },
    },
    fontFamily: {
      hack: ['Hack'],
    },
    extend: {},
    animation: false,
  },
};
